.ml-1 {
  margin-left: 1px;
}
.mr-1 {
  margin-right: 1px;
}
.mb-1 {
  margin-bottom: 1px;
}
.mt-1 {
  margin-top: 1px;
}
.ml-2 {
  margin-left: 2px;
}
.mr-2 {
  margin-right: 2px;
}
.mb-2 {
  margin-bottom: 2px;
}
.mt-2 {
  margin-top: 2px;
}
.ml-3 {
  margin-left: 3px;
}
.mr-3 {
  margin-right: 3px;
}
.mb-3 {
  margin-bottom: 3px;
}
.mt-3 {
  margin-top: 3px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-4 {
  margin-top: 4px;
}
.ml-5 {
  margin-left: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.ml-6 {
  margin-left: 6px;
}
.mr-6 {
  margin-right: 6px;
}
.mb-6 {
  margin-bottom: 6px;
}
.mt-6 {
  margin-top: 6px;
}
.ml-7 {
  margin-left: 7px;
}
.mr-7 {
  margin-right: 7px;
}
.mb-7 {
  margin-bottom: 7px;
}
.mt-7 {
  margin-top: 7px;
}
.ml-8 {
  margin-left: 8px;
}
.mr-8 {
  margin-right: 8px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mt-8 {
  margin-top: 8px;
}
.ml-9 {
  margin-left: 9px;
}
.mr-9 {
  margin-right: 9px;
}
.mb-9 {
  margin-bottom: 9px;
}
.mt-9 {
  margin-top: 9px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.size {
  height: 100px;
}
.s1 {
  background: #f40;
  height: 100px;
}
/* darken：内置函数，加深颜色 */
.s2 {
  background: #cc3600;
  height: 100px;
}
.s3 {
  background: #992900;
  height: 100px;
}
.test {
  color: orange;
}
